<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
  <div class="form_box">
    <div class="title1">申请审核</div>
    <div class="title2">
      <div class="title2_text">电梯信息</div>
    </div>
    <div class="content_box1">
      <div class="content_item1">
        <div>电梯编号：</div>
        <div>{$row.elevator_no}</div>
      </div>
      <div class="content_item1">
        <div>所在地区：</div>
        <div>{$row.address}</div>
      </div>
      <div class="content_item1">
        <div>电梯地址：</div>
        <div>{$row.buildings}</div>
      </div>
      <div class="content_item1">
        <div>电梯使用标志：</div>
        <img class="content_item1_img"
             src="{$row.use_sign}" alt="">
      </div>
      <div class="content_item1">
        <div>业务员：</div>
        <div>{$row.salesman}</div>
      </div>
      <div class="content_item1">
        <div>电梯类型：</div>
        <div>加装电梯</div>
      </div>
      <div class="content_item1">
        <div>定位准确度：</div>
        {if condition="$row.accuracy eq 0"}
        <div>不准确</div>
        {elseif condition="$row.accuracy eq 1"/}
        <div>准确</div>
        {/if}
      </div>
    </div>
    <div class="title2">
      <div class="title2_text">申请信息</div>
    </div>
    <div class="content_box1">
      <div class="content_item1">
        <div>申请编号：</div>
        <div>{$row.id}</div>
      </div>
      <div class="content_item1">
        <div>业主姓名：</div>
        <div>{$row.proprietor_name}</div>
      </div>
      <div class="content_item1">
        <div>联系电话：</div>
        <div>{$row.phone}</div>
      </div>
      <div class="content_item1">
        <div>清洁范围：</div>
        <div style="margin: 0 10px;">{$row.clean_area_text}</div>
        <img class="content_item1_img"
             src="https://file.gkzzd.cn/www/gkzzd/uploads/20220106/664e14eefd3bbfd16838bef9bec6de62.png" alt="">
      </div>
      <div class="content_item1">
        <div>申请时间：</div>
        <div>{$row.add_time}</div>
      </div>
      <div class="content_item1">
        <div>提审时间：</div>
        <div>{$row.submit_check_time}</div>
      </div>
    </div>
    <div class="title2">
      <div class="title2_text">审核信息</div>
      {if condition="$row.status eq 2"}
      <div class="box-header with-border">
        <span style="margin-right: 20px;color: rgb(243,165,88);">待审核</span>
      </div>
      {elseif condition="$row.status eq 3"/}
      <div class="box-header with-border">
        <span style="margin-right: 20px;color: rgb(243,165,88);">已审核</span>
      </div>
      {/if}
    </div>
    <!--审核信息-->

    <div class="content_box1">
      <div class="content_item1">
        <div>审核：</div>
        <div>
          <div class="col-xs-12">
            {:build_radios('row[audit_status]', [1=>'审核通过', 2=>'驳回'],$row.audit_status)}
          </div>
        </div>
      </div>
      <div class="content_item1 bh" style="display: none">
        <div>驳回原因：</div>
        <div>
          <select id="c-education" data-rule="required" class="form-control selectpicker" name="row[remark_type]">
            {foreach name="getRejuctTypeList" item="vo"}
            <option value="{$key}" {in name="key" value="$row.remark_type"}selected{/in}>{$vo}</option>
            {/foreach}
          </select>
        </div>
      </div>
      <div class="content_item1 bh"  style="display: none">
        <div>修改权限：</div>
        <div>
          <div class="col-xs-12">
            {:build_radios('row[is_can_update]', [1=>'开通', 0=>'不开通'],$row.is_can_update)}
          </div>
        </div>
      </div>
    </div>
    <div class="form-group layer-footer">
      <label class="control-label col-xs-12 col-sm-2"></label>
      <div class="col-xs-12 col-sm-8">
        <button type="submit" class="btn btn-primary btn-embossed disabled">{:__('OK')}</button>
        <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
      </div>
    </div>
  </div>
</form>
<style>
  .form_box {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .title1,
  .title2 {
    width: 100%;
    font-weight: bold;
  }

  .title1 {
    margin-bottom: 20px;
    text-align: center;
    font-size: 20px;
  }

  .title2 {
    background-color: rgb(215, 215, 215);
    display: flex;
    align-items: center;
  }

  .title2_text {
    margin: 10px 30px;
  }

  .content_box1 {
    margin-top: 30px;
    width: 90%;
    display: flex;
    flex-wrap: wrap;

  }

  .content_item1 {
    width: 33%;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
  }


  .content_item1_img {
    max-width: 150px;
    max-height: 150px;
  }

  .btn_box {
    margin: 20px 0;
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
</style>